<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

    </h:head>
    <h:form id="consultarHistoricoCompra">

        <center>
            <p:dataTable id="historicoCompra" var="historico" style="font-size: 12px" 
                         value="#{beanConsultarHistorico.listaHistorico}"
                         emptyMessage="No se han encontrado registros de compra" paginator="true" >  

                <f:facet name="header">  
                    <p:row>
                        <p:column >Resumen de los materiales comprados</p:column>
                    </p:row>
                </f:facet>  
                <p:column headerText="Tipo" filterBy="#{historico.tipoMaterialHistoricoCompra}">  
                    <h:outputText value="#{historico.tipoMaterialHistoricoCompra}"></h:outputText>
                </p:column> 
                <p:column headerText="Nombre del material" filterBy="#{historico.nombreProductoHistoricoCompra}">  
                    <h:outputText value="#{historico.nombreProductoHistoricoCompra}"></h:outputText>
                </p:column> 
                <p:column headerText="Cantidad" filterBy="#{historico.cantidadHistoricoCompra}">  
                    <h:outputText value="#{historico.cantidadHistoricoCompra}"></h:outputText>
                </p:column> 
                <p:column headerText="Fecha de Compra" filterBy="#{historico.fechaHistoricoCompra.toLocaleString().substring(0,10)}">  
                    <h:outputText value="#{historico.fechaHistoricoCompra.toLocaleString().substring(0,10)}"></h:outputText>
                </p:column>
            </p:dataTable>

            
        </center>
        <p:row>
            <p:commandButton value="Actualizar " actionListener="#{actualizarTablaHistorico}"
                             process="@this"
                             update="historicoCompra" 
                             />
        </p:row>

    </h:form>

</html>